<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>信息查询</title>
    <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/informationSearch.css">
    <script src="lib/jquery-1.12.4.min.js"></script>
    <script src="plugins/bootstrap/js/bootstrap.js"></script>
    <script src="plugins/datePicker/WdatePicker.js"></script>
    <script src="plugins/layer/layer.js"></script>
    <script src="js/dataInformation.js"></script>
    <script src="js/system.js"></script>
</head>
<body>
    <div class="header">
        <h4 class="center-block"><i class="glyphicon glyphicon-home"></i> 缴费信息展示</h4>
    </div>
    <div class="container" style="padding-top: 20px;box-sizing: border-box">
        <div class="panel panel-default">
            <div class="panel-body">
                <form class="form-inline">
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"><i class="glyphicon glyphicon-cog"></i> 设置缴费时间段</button>
                    <a href="/money/exportXls" class="btn btn-success" style="margin-left:10px;"><i class="glyphicon glyphicon-save-file"></i> 导出 Excel</a>
                </form>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-body">
                <table class="table table-bordered text-center">
                    <thead>
                    <tr class="success text-success">
                        <th width="10%" class="text-center">序号</th>
                        <th width="15%" class="text-center">学生姓名</th>
                        <th width="15%" class="text-center">联系方式</th>
                        <th width="20%" class="text-center">缴费金额</th>
                        <th width="20%" class="text-center">缴费时间</th>
                        <th width="20%" class="text-center">缴费顺序</th>
                    </tr>
                    </thead>
                    <tbody id="infoHtml"></tbody>
                </table>
                <div class="tiaozhuan">
                    <ul>
                        <li>
                            共&nbsp;<span id="totalCountHtml"></span>&nbsp;条记录，
                            当前显示&nbsp;<span id="pageInforHtml"></span>&nbsp;页，
                            <select>
                                <option>10条/页</option>
                                <option>20条/页</option>
                                <option>30条/页</option>
                            </select>
                            转到</li>
                        <li>
                            <input type="text" id="pageInput">
                        </li>
                        <li>页</li>
                        <li>
                            &nbsp;<a style="cursor:pointer;" id="pageInputSubmit">确定</a>
                        </li>
                    </ul>
                    <ul>
                        <li><a style="cursor:pointer;" name="first_enable" id="first_a">首页</a></li>
                        <li><a style="cursor:pointer;" name="prev_enable" id="prev_a">上一页</a></li>
                        <li><a style="cursor:pointer;" name="next_enable" id="next_a">下一页</a></li>
                        <li><a style="cursor:pointer;" name="last_enable" id="last_a">末页</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--  缴费设置模态框  -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">缴费时间设置</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label>开始日期</label>
                            <input type="text" id="startTime" class="form-control" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" placeholder="请选择缴费开始日期">
                        </div>
                        <div class="form-group">
                            <label>结束日期</label>
                            <input type="text" id="endTime" class="form-control" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" placeholder="请选择缴费结束日期">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-default" data-dismiss="modal" style="margin-right:10px;"><i class="glyphicon glyphicon-remove-circle"></i> 取消</button>
                    <a type="submit" href="javascript: add();" class="btn btn-primary"><i class="glyphicon glyphicon-send"></i> 保存</a>
                </div>
            </div>
        </div>
    </div>

</body>
</html>